import React from 'react'
import Container from '../component/rank/container/container'
import logo from '../assets/images/logo.png'
import mine from '../assets/images/icon-mine.png'
//引入css
require('../component/home/header/header.css');
class Rank extends React.Component{
    render(){
        return(
            < div className="wrap">
            <div className="header">
           
                <div className="header-con">
                    <img src={logo} alt="logo" className="icon-logo"/>
                    <span className="title">Listen World</span>
                </div> 
                <span style={{color:"#ffcd32",right:"44px",position:"absolute"}} onClick={()=>{
                this.props.history.push("/home")
            }} className="headerFirst">首页</span>
                <span className='icon-mine' onClick={() => {

                    this.props.history.push("/mine")
                }}>
                    <img src={mine} alt="mine" className="icon-mine"/>
                </span>
            </div>
            <div className="container">
                < Container />
            </div>
        </ div>
        )
    }
}

export default Rank